// 上面这个代码处理过度动画（默认加上不用管）
document.addEventListener('DOMContentLoaded', () => {
  setTimeout(() => {
    document.body.classList.add('sidenav-pinned')
    document.body.classList.add('ready')
  }, 200)
})

// axios的基础配置
axios.defaults.baseURL = 'http://ajax-api.itheima.net'
// axios.defaults.headers.common['Authorization'] = localStorage.getItem('token-103');
// 添加请求拦截器
axios.interceptors.request.use(function (config) {
  // // 在发送请求之前做些什么
  const token = localStorage.getItem('token-103')
  // 判断token如果存在了, 往请求头里添加Authorization这个属性
  if (token) {
    config.headers.Authorization = token
  }
  // console.log('发送请求之前要做些什么', config);
  return config;
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error);
});

// 添加响应拦截器
axios.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  // console.log('响应的数据', response);
  // console.log('响应的数据', response.data);
  return response.data;
}, function (error) {
  console.dir(error);
  // 针对401的授权失败处理 
  if (error.response.status === 401 ) {
    // 清除本地的token+用户名
    localStorage.removeItem('token-103')
    localStorage.removeItem('username-103')
    // 回到登录页
    location.href = './login.html'
  }
  // 对响应错误做点什么
  return Promise.reject(error);
});


// 获取用户名 - 标签
// 设置用户名 - 读取本地数据 
let username = document.querySelector('.username')
let logout = document.querySelector('#logout')
// console.log(username);
if (username) {
  // index/student.html
  const usernameVal = localStorage.getItem('username-103')
  // console.log(usernameVal);
  username.innerHTML = usernameVal
}
// 退出登录 
// 移除本地的数据 token-103 username-103 
// 跳转到登录页
if (logout) {
  // index/student.html
  logout.addEventListener('click', function() {
    localStorage.removeItem('token-103')
    localStorage.removeItem('username-103')
    // 路径相对的是当前js所对应的html页面
    location.href = './login.html'
  })
}


// 轻提示  - 封装
const toastBox = document.querySelector('#myToast')
const toast = new bootstrap.Toast(toastBox, {
  animation: true, // 开启过渡动画
  autohide: true, // 开启自动隐藏
  delay: 3000  // 自动隐藏的延迟时间设置
})

const tip = (msg) => {
  document.querySelector('.toast-body').innerHTML = msg
  toast.show()
}